<template>
    <div class="orders">
        <TopHeader title="订单" />
        <div class="orders_main">
            <div class="pepo"></div>
            <div class="infor">登陆后查看外卖订单</div>
            <a href="javascript:;" class="btn" @click="$router.push('/login')">立即登录</a>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Orders'
    }
</script>
<style src="../../assets/css/reset.css" scoped></style>
<style lang="stylus" scoped>
    .orders
        .orders_main
            display flex
            flex-direction column
            align-items center
            justify-content center
            .pepo
                width 300px
                height 300px
                background url('./images/others/person.png') no-repeat
                background-size 100% 100%
            .infor
                display inline-block
                margin-top 20px
            .btn
                display block
                width 110px
                height 45px
                background-color #02a774
                border-radius 3px
                border none
                font-size 20px
                color #fff
                text-align center
                line-height 45px
                margin-top 10px
</style>